<template>
  <!-- 选择城市 -->
  <div class="city-select">
      <!-- 头部 -->
      <mt-header title="选择城市" fixed>
        <a islink slot="left">
          <mt-button icon="back" @click.native="popupCity=false"></mt-button>
        </a>
        <mt-button  slot="right" class="headusual-2">
          <svg class="icon icon-list" aria-hidden="true">
            <use xlink:href="#icon-sousuo"></use>
          </svg>
          <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-fenlei"></use>
          </svg>           
        </mt-button>    
      </mt-header> 
  </div>
</template>

<script>
import { Header } from 'mint-ui'
export default {

}
</script>

<style lang="scss" scoped>
// 头部
.mint-header {
  background: white;
  color: #282828;
  font-size: 18px;
  height: 44px;
  border-bottom: 1px solid #f4f4f4;
  .headusual-2 {
    width: 100px;
    text-align: right;
    .icon {
      display: block;
      float: left;
    }
    .icon-list {
      margin-right: 25px;
      margin-left: 30.67px;
    }
  }
}

</style>
